<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <iframe src="https://www.taobao.com"  width="800px" height="400" frameborder="0"></iframe>
    <iframe src="https://www.bilibili.com"  width="800px" height="400" frameborder="0"></iframe> -->
</body>
<script>
    // BOM (Browser Object Model) 浏览器对象模型  =>提供了操作浏览器的接口和方法  (举例:页面跳转  历史记录=>前进后退 参数数据队列   设备相关的信息  屏幕相关信息 )

    // window   => 全局对象(所有全局的变量和方法 都存在window中,一般情况下 window可以省略) 
    console.log(window);

    // window 下的  子对象
    document   // window.document
    history   // window.history
    location   // window.location
    navigator   // window.navigator
    screen   // window.screen

</script>
</html>